Floral_BAM!

Designer's Comments

Look carefully for specific instructions

1. This s a DIV layout so you should have some html experience before using.

2. Please DONT take off the credit. taa..

3. If you see any XXXXXXX's, thats where you put your Myspace friend ID.

4. The size of the picture MUST be 120x158 or less. otherwise it wont fit. to re size yor photo you can use the editor in photobucket and choose the dimentions.

5. Enjoy the layout =]

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

Name: ..<br />
Age: ..<br />
Gender: ..<br />
Locaton: ..<p>

anything else?
</div>

<a href="your friends URL">Friend 1</a> |
<a href="your friends URL">Friend 2</a> |
<a href="your friends URL">Friend 3</a> |
<a href="your friends URL">Friend 4</a> |
<a href="your friends URL">Friend 5</a><br />

<a href="your friends URL">Friend 6</a> |
<a href="your friends URL">Friend 7</a> |
<a href="your friends URL">Friend 8</a> |
<a href="your friends URL">Friend 9</a> |
<a href="your friends URL">Friend 10</a>

</center></div>

input.hot-lyts221 {color:000000 !important;
background-image:url("");
font-size:7px !important;
width:260px !important;
height:15px !important;
font-family:small fonts !important;
background-color:5c4a3e !important;
border-color:000000 !important;
border-width:1px !important;
border-style:solid !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
line-height:7px !important;
font-weight:normal !important;}
</style>

</center></div>

<b>Navigation</b><br /><br />

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a><br />

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">comments</a>

</center></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

body {
background-color: ffffff;;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:10px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:10px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}

a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:10px; color:000000;font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:10px; color:000000;font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:visited{font-family:arial; font-size:10px; color:000000;font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} 
a:hover{font-family:arial; font-size:10px; color:75a3d1;font-weight:bold;border:0px; text-transform: none; text-decoration: underline,overline;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:11px; color:75a3d1; font-weight:bold;border:0px; text-transform: none; }

</style>